<template>
  <div class="btn">
    <vue-qr :text="url" :size="200" :logoSrc="icon2" :margin="2" />
    <div>
      <vue-qr :text="url" :size="200" :logoSrc="''" :margin="2" />
    </div>
  </div>
</template>
<script>
import VueQr from 'vue-qr';

export default {
  name: 'qrTest2',
  components: {
    VueQr
  },
  data() {
    return {
      url: 'http://id.akctest1.com/s/8dl2h',
      icon:
        'http://thirdwx.qlogo.cn/mmopen/vi_32/TYDfpP1M6d8mUABN0fnXUvIfww8cIaBo6083Picmvgf6MCA4nLNMKZtSI2V1P8K3Yzy49MyysdqAAXNcp9sFcWg/132',
      icon2:
        'https://akmer.aikucun.com/81d5720c33360ddcccd773f4e5ea6319a7f7c1e8_1591428184092_78.png'
    };
  }
};
</script>

<style scoped>
.btn {
  width: 200px;
  height: 200px;
  border: 1px solid red;
}
</style>
